<template>
  <div>
    <p ref="cp" id="cuteP">可爱的</p>

    <Demo ref="de"></Demo>
  </div>
</template>

<script>
import Demo from './components/Demo.vue'
export default {
  components: {
    Demo
  },

  data () {
    return {}
  },

  mounted () {
    const p = document.getElementById('cuteP')
    console.log(p)
    console.log(this.$refs.cp)

    console.log(this.$refs.de.msg)
  },

  methods: {}
}
</script>

<style lang="scss" scoped></style>
